<template>
  <div class="contain">
   <header class="container-head">
     <div class="top">
      <div class="wrap top-wrap">
         <ul>
          <li>加盟合作</li>
          <li>企业新闻</li>
          <li>投诉建议</li>
          <li>免费报价</li>
         </ul>
      </div>
     </div>
     <div class="nav-head">
      <div class="wrap">
        <img src="/Pict/ValAddedBiz/Logo.jpeg" alt="">
        <ul>
           <li><router-link to="/">首页</router-link></li> 
          <li>装修服务</li>
          <li>品质保证</li>
          <li>精英团队</li>
          <li>装修案例</li>
          <li>装修现场</li>
          <li>实景案例库</li>
          <li>了解猫老爷</li>
        </ul>
      </div>
     </div>
   </header>
   <main class="container-body">
    <RouterView></RouterView>
   </main>
   <footer class="container-foot">
    <div class="footIcon">
      <img src="/Pict/ValAddedBiz/Footer.png" alt="">
    </div>
    <div class="buttom"></div>
   </footer>
</div>
 </template>
 
 <script setup>
 </script>

 <style>
 *{
   margin: 0;
   padding: 0;
   list-style: none;
   box-sizing: border-box;
   text-decoration: none;
   color: #4d4a45;
 }
 .wrap{
   width: 1320px;
   height: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .container-head .top{
  width: 100%;
  height: 36px;
  background-color: #f0f0f0;
  color: #8a8a92;
  font-size: 12px;
 }
 .container-head ul{
  display: flex;
 }
 .container-head li{
  padding: 0 10px;
 }
.top-wrap{
  justify-content: right;
}
.nav-head{
  height: 48px;
  background-color: #fff;
  color: #6e7574;
}
.nav-head img{
  height: 48px;
}
.container-foot{
  width: 100%;
  height: 320px;
}
.footIcon{
  height: 280px;
  background-color: #383838;
}
.footIcon img{
  height: 280px;
}
.container-foot .buttom{
  height: 40px;
  background-color: #282828;
}
 </style>
 
 